<template>
	<div class="Footer" style="">
		<div class="bank-wp">
			<div class="bank-logo-wp">
				<div class="bank-logo bank-1"></div>
				<div class="bank-logo bank-2"></div>
				<div class="bank-logo bank-3"></div>
				<div class="bank-logo bank-4"></div>
				<div class="bank-logo bank-5"></div>
				<div class="bank-logo bank-6"></div>
				<div class="bank-logo bank-7"></div>
				<div class="bank-logo bank-8"></div>
			</div>
		</div>
		<div class="game-wp">
			<div class="game-logo-wp">
				<div class="game-logo game-1"></div>
				<div class="game-logo game-2"></div>
				<div class="game-logo game-3"></div>
				<div class="game-logo game-4"></div>
				<div class="game-logo game-5"></div>
				<div class="game-logo game-6"></div>
				<div class="game-logo game-7"></div>
				<div class="game-logo game-8"></div>
				<div class="game-logo game-9"></div>
				<div class="game-logo game-10"></div>
				<div class="game-logo game-11"></div>
				<div class="game-logo game-12"></div>
				<div class="game-logo game-13"></div>
				<div class="game-logo game-14"></div>
			</div>
		</div>
		<div class="line"></div>
		<div class="spec">
			<font style="vertical-align: inherit;">
				<font style="vertical-align: inherit;">赌博可能会上瘾，负责任地玩。</font>
				<font style="vertical-align: inherit;">有关支持措施的信息，请访问我们的帮助页面。</font>
			</font>
		</div>
		<div class="contactUs">
			<!---->
			<div>
				<font style="vertical-align: inherit;">
					<font style="vertical-align: inherit;"> 帮助中心 </font>
				</font>
			</div><span>
				<font style="vertical-align: inherit;">
					<font style="vertical-align: inherit;">|</font>
				</font>
			</span>
			<div>
				<font style="vertical-align: inherit;">
					<font style="vertical-align: inherit;"> 联系我们 </font>
				</font>
			</div><span>
				<font style="vertical-align: inherit;">
					<font style="vertical-align: inherit;">|</font>
				</font>
			</span>
			<div>
				<font style="vertical-align: inherit;">
					<font style="vertical-align: inherit;"> 条款和条件 </font>
				</font>
			</div>
		</div>
		<div class="copyright">
			<font style="vertical-align: inherit;">
				<font style="vertical-align: inherit;">@ 2014-2021 v1.3.2 </font>
			</font>
			<span>
				<font style="vertical-align: inherit;">
					<font style="vertical-align: inherit;">xosobet。保留所有权利</font>
				</font>
			</span>
		</div>
		<!--右侧 漂浮 -->
		<div class="service-wp serviceFloat">
			<div class="service" :class="barShow?'show':'hide'" style="min-height: 450px;">
				<div class="service-item-wp" >
					<div class="itemsContent">
						<div class="service-item"><i class="iconfont icon-icon_customer_service"></i><span >CSKH</span></div>
						<div class="service-item showNoticeIcon">
							<i class="iconfont icon-icon_nav_chatroom_nor"></i>
							<span >Phòng chat</span>
						</div>
						<el-popover placement="left" width="170" trigger="hover">
							<div class="service-item " slot="reference">
								<i class="iconfont icon-icon_send"></i><span >Liên hệ</span>
							</div>
							<div class="qrcode-wp"><div class="qrcode-item"><img src="../assets/img/wx.png" alt=""><span >ZALO</span></div></div>
						</el-popover>
						<el-popover placement="left" width="380" trigger="hover">
							<div class="service-item " slot="reference">
								<i class="iconfont icon-icon_floatbar_phone"></i><span >TẢI APP</span>
							</div>
							<div class="qrcode-wp">
								<div class="qrcode-item"><img src="../assets/img/wx.png" alt=""><span >ZALO</span></div>
								<div class="qrcode-item"><img src="../assets/img/wx.png" alt=""><span >ZALO</span></div>
							</div>
						</el-popover>
						<div class="service-item"><i class="iconfont icon-icon_download_btn"></i><span >Về đầu</span></div>
					</div>
				</div>
			</div>
			<div class="btns">
				<div @click="barToggle" class="x-btn " :class="barShow?'move_left':'move_right'">
					<i class="iconfont " :class="barShow?'icon-icon_fold':'icon-icon_unfold'"></i>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				barShow:true,
			};
		},
		methods: {
			barToggle(){
				this.barShow = !this.barShow
			}
		}
	}
</script>
